<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Footfall Calculator</title>

<script type="text/javascript" src="js/calculator.js"></script>
<link rel="stylesheet" href="css/calc.css" />
</head>

<body>
	<div id="outer">
    <div id="bgTop"></div>
    <div id="bgMid">
      <div id="bgMain">
        <img src="img/logo.gif" width="138" height="50" alt="Experian" />
        <div id="innerTop">
          <div id="heading">
            <a href="javascript:void(0)" id="close"><img src="img/close.gif" width="54" height="21" alt="Close" /></a>
            <img src="img/calc.png" width="139" height="131" alt="Calculator" />
            <h1>Step 1: Using performance data to grow sales</h1>
            <h2>Enter your statistics, or your nearest guestimate</h2>
          </div>
          <div class="fldset">
          	<p class="field">
            	<label for="x9f">Average Transaction Value (ATV)</label>
              <input type="text" id="x9f" value="50" maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="Please enter the average value of your transactions"><img src="img/tooltip.gif" width="18" height="18" alt="?" /></a>
            </p><!-- /field -->
          	<p class="field fieldright">
            	<label for="x10f">Footfall per Week per Store</label>
              <input type="text" id="x10f" value="1000"  maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="Please enter the weekly Footfall for each store"><img src="img/tooltip.gif" width="18" height="18" alt="?" /></a>
          	</p><!-- /field -->
          </div><!-- /fldset -->
          <div class="fldset">
          	<p class="field">
            	<label for="x11f">Current Conversion Rate (%)</label>
              <input type="text" id="x11f" value="20" maxlength="3" />
              <a href="javascript:void(0)" class="tooltip" title="Please enter the current percentage of conversion (1-100)"><img src="img/tooltip.gif" width="18" height="18" alt="?" /></a>
            </p><!-- /field -->
          	<p class="field fieldright">
            	<label for="x15f">Number of Stores</label>
              <input type="text" id="x15f" value="20" maxlength="6" />
              <a href="javascript:void(0)" class="tooltip" title="Please enter the number of stores"><img src="img/tooltip.gif" width="18" height="18" alt="?" /></a>
          	</p><!-- /field -->
          </div><!-- /fldset -->
          <p id="submitField">
          	<span id="BxC">Checkpoint: based on your entries, your average transactions per store per week are <strong>200</strong></span>
            <a href="javascript:void(0)"><img src="img/confirm.gif" width="225" height="29" alt="Click and go to step 2" /></a>
          </p>
        </div><!-- /innerTop -->
        <div id="innerBot">
        	<div id="ibArrow"><img src="img/innerbotarrow.png" width="31" height="21" alt="" /></div>
          <div id="ibLeft">
          	<div id="iblHead">
            	<h2>Step 2: Make a minor change to see a huge return</h2>
              <h3>Drag to change</h3>
            </div><!-- /ibHead -->
            <div class="slideField">
              <label for="dlSlider1">Improved Conversion Rate (%) <span>(Change by percentage point)</span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider1" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
            <div class="slideField">
              <label for="dlSlider2">Improved Footfall by (%) <span>(Change by percentage)</span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider2" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
            <div class="slideField">
              <label for="dlSlider3">Improve ATV by (%) <span>(Change by percentage)</span></label>
              <div class="sliderBarEmpty">
                <div class="sliderBarFull"></div>
                <div id="dlSlider3" class="dlSlider">
                  <a href="javascript:void(0)" class="bar handle" role="slider" aria-labelledby="sliderLabel" aria-valuemin="0" aria-valuemax="1" aria-valuenow="5" aria-valuetext="0"><span>1.0%</span></a>
                </div>
              </div><!-- /#sliderBarEmpty -->
              <div class="clearBoth"></div>
            </div><!-- /slideField -->
          </div><!-- /ibLeft -->
          <div id="ibRight">
          	<div id="ibrHead">
            	<h2>Step 3: See results</h2>
              <h3>Incremental revenue growth</h3>
            </div><!-- /ibrHead -->
            <div id="ibrHead2">
            	<p class="row1">
                <span class="col1"><strong>&nbsp;</strong></span>
                <span><strong>Per Store</strong></span>
                <span><strong>Total</strong></span>
              </p>
              <p>
                <span class="col1"><strong><em>Weekly Revenue Increase</em></strong></span>
                <span><strong id="x24f">0</strong></span>
                <span><strong id="x24h">0</strong></span>
              </p>
              <p>
                <span class="col1"><strong><em>Annual Revenue Increase</em></strong></span>
                <span><strong id="x26f">0</strong></span>
                <span><strong id="x26h">0</strong></span>
              </p>
            </div><!-- /ibrHead2 -->
            <p id="ibrHead3">
            	<strong>% Revenue Growth</strong>
              <img src="img/up.gif" width="36" height="36" alt="Up" />
              <span id="x28h">0%</span>
            </p>
          </div><!-- /ibRight -->
        </div><!-- /innerBot -->
        <p id="footer">This calculator demonstrates how by focusing on marginal improvements in performance, you can achieve formidable revenue uplift. But with Site Analytics from Experian FootFall, visitor counting is just the start. Imagine being able to extend this analysis to include personnel or energy costs for a store and ranking sites by type, size and geography to gain further insights. By acting on this valuable performance information you can  <strong>transform revenue, profits and average transaction values!</strong> </p>
      	<p id="footer2">
        	<a href="http://www.footfall.com/calculator-sign-up-form/" id="cta" target="blank" title="Opens in a new browser window."><img src="img/getintouch.jpg" width="551" height="29" alt="Get in touch to calculate your performance potential more accurately" /></a> 
        	<span>For a free consultation,<br />email: <a href="mailto:Askus@footfall.com?subject=Calculate growth">Askus@footfall.com </a></span>
        </p>
      </div><!-- /bgMain -->
    </div><!-- /bgMid -->
    <div id="bgBot"></div>
  </div><!-- /outer -->
           
       
</body>
</html>
